/**
 * name:        商品详情
 * author:      wuwq & lyj
 * Time:        18/01/31
 * Copyright:   chinadangmai.com
 */
$(function(){
    var url=window.location.search;
    var id = url.substring(url.lastIndexOf('=')+1, url.length);
    $('#goodsId').val(id) 
    $.ajax({
        url:new_url+'shop/goods/getGoodsDetail',
        type:'post',
        data:'goodsId='+id,
        dataType:'json',
        success:function(e){ 
            var r_wrap_bg = $('#r_wrap_bg').html();
            var norms_bg=$('#norms_bg').html();
            var norms_spec_bg=$('#norms_spec_bg').html();
            var category_bg=$('#category_bg').html()
            var left_bg=$('#left_bg').html()
            var evaluate_list_bg=$('#evaluate_list_bg').html()
            var wrapper_bg=$('#wrapper_bg').html()
            if(e.code=='0'){
                    //leftRecommand
                    if(e.data.leftRecommand.length>'0'){
                        for(var le=0; le<e.data.leftRecommand.length; le++){
                            var left=template(
                                left_bg,{
                                    list:[{
                                        leftGdId:e.data.leftRecommand[le].leftGdId,
                                        leftGdImage:e.data.leftRecommand[le].leftGdImage,
                                        leftGdMarketPrice:e.data.leftRecommand[le].leftGdMarketPrice,
                                        leftGdName:e.data.leftRecommand[le].leftGdName,
                                        leftGdPrice:e.data.leftRecommand[le].leftGdPrice
                                    }]
                                }
                            )
                            $('#left').append(left)
                        }
                    }
                    else{
                        $('#left').append('<div>暂无推荐数据</div')
                    }
                //categoryName
                var append_li=''
                var tt=e.data.categoryName.split("&gt;")
                for (var a=0; a<tt.length;a++){
                    append_li+='<li><a>'
                    append_li+=tt[a]
                    append_li+='>'
                    append_li+='</a></li>'
                }   
                $('#category').append(append_li)
                $('#category').append('<li class="dq"></li>')
                $('.dq').append(e.data.name) 
                // 收藏数量
                $('.social_fav .favcount').text('('+e.data.statisticsInfo.collectNum+'人气'+')')  
                // 商品信息
                var t=template(
                    r_wrap_bg, {
                    list: [{
                            name:e.data.name,
                            advSlogan:e.data.advSlogan, 
                            price:e.data.price,
                            }]
                        }
                    );                                       
                    $('#r_wrap').append(t);
                    // 商品轮播图
                    var img_src=''
                    for(var s_img=0; s_img<e.data.thumbList.length; s_img++){ 
                            var str = e.data.thumbList[s_img]; 
                            var str1 = str.replace('dangmai', 'bgemall'); 
                        var w=template(
                            wrapper_bg,{
                                list:[{
                                    levelA:str1,
                                }]
                            }
                        )
                        $('#wrapper').append(w)
                        $('#wrapper .item').eq(0).addClass('item-cur');
                        var im=$('#wrapper .item').eq(0).find('img').attr('src')
                        $('.small_box img').attr('src',im) 
                        $('.big_box img').attr('src',im)
                        $('.item').hover(function(){
                            img_src=$(this).find('img').attr('src'); 
                            $(this).addClass('item-cur').siblings().removeClass('item-cur')
                            $('.small_box img').attr('src',img_src)
                            $('.big_box img').attr('src',img_src)      
                        })
                        function left(){
                        $('#wrapper .item').each(function(index,t){                               
                            var w=parseInt($('#wrapper .item').css('width'));
                            var m=parseInt($('#wrapper .item').css('margin-right'))*2
                            var left=w+m 
                            $('#wrapper').css('width',(w+m)*(index+1)+2)
                            var z=(w+m)*(index+1)+2
                            var y=(w+m)*5 
                                $('.btn_next').click(function(){
                                    
                                    var m_l=parseInt($('#wrapper').css('margin-left')); 
                                    if(m_l>=-(z-y)){
                                        left+=w+m
                                        $('#wrapper').css('margin-left',-left).css('transition','all 0.3s')
                                    }
                                })
                                $('.btn_prev').click(function(){
                                    left=0
                                        $('#wrapper').css('margin-left',-left).css('transition','all 0.3s')
                                })
                        })
                    }left()
 
                    }     
                // 有规格
                if(e.data.specList.length>'0'){
                        // 规格名称
                        $('.norms_color').text(e.data.specList[0].specName)
                        $('.norms_size').text(e.data.specList[1].specName)
                        // 商品规格 颜色 图片
                         for(var i=0; i<e.data.specList[0].specValueList.length; i++){
                                var str = e.data.specList[0].specValueList[i].valueImg;
                                var str1 = str.replace('dangmai', 'bgemall');
                                var h=template(
                                    norms_bg, {
                                    list: [{
                                            valueName:e.data.specList[0].specValueList[i].valueName,
                                            valueImg:str1,
                                            specId:e.data.specList[0].specId,
                                            valueId:e.data.specList[0].specValueList[i].valueId
                                            }]
                                        }
                                );                                       
                                $('#norms').append(h);
                         }
                        //  尺码
                         for(var w=0; w<e.data.specList[1].specValueList.length; w++){
                                var h_1=template(
                                    norms_spec_bg, {
                                    list: [{
                                            valueName:e.data.specList[1].specValueList[w].valueName,
                                            specId:e.data.specList[1].specId,
                                            valueId:e.data.specList[1].specValueList[w].valueId
                                            }]
                                        }
                                );                                       
                                $('#norms_spec').append(h_1);
                         }
                        //  选择规格 获取valueId 判断库存
                        function spec_check(){
                            var color=''
                            var size='' 
                            var color_valueId=''
                            var size_valueId=''
                            var size_vId=''
                            var u=''
                            var sku=''// 获取size valueId
                            $('.ify_no .yes_click').each(function(){
                                size_valueId+=+$(this).attr('data-valueid')+'.';
                            });
                            // 获取specGoodsList sku组合
                            var getJson2 = function(k){
                                        var json = e.data.specGoodsList;
                                        return json[k];
                                    };
                            var getJson1 = function(k){
                                var json = e.data.specGoodsList
                                for(var item in json){
                                    if(item == k){
                                        return json[item];
                                    }
                                };
                            };                 
                            var sum =$('#goods_num').val()                                     
                                //数量加减
                                $('.add').click(function(){
                                    sum ++;
                                    $('#goods_num').val(sum)
                                    $('#norms_label').html(color+"  "+size+"  "+sum) 
                                    var add=$('#goods_num').val()
                                    if(add>=parseInt(getJson1(sku))){
                                        tc('库存不足')
                                        sum=parseInt(getJson1(sku))
                                        $('#goods_num').val(sum)
                                        $('#norms_label').html(color+"  "+size+"  "+sum)
                                    }
                                })
                                $('.minus').click(function(){
                                    if(sum>1){
                                        sum --;
                                        $('#goods_num').val(sum)
                                        $('#norms_label').html(color+"  "+size+"  "+sum)
                                    }
                                    else{
                                        tc('购买数量最少为1件')
                                    }                                            
                                })
                                function t(){
                                            // 分割字符串组成数组
                                            //定义一数组 
                                            var strs= new Array(); 
                                            //字符分割 
                                            strs=size_valueId.split("."); 
                                            for (i=0;i<(strs.length)-1 ;i++ ){
                                            u=color_valueId+"|"+strs[i]
                                            var Storage=''
                                            if(getJson2(u)=='0'){
                                                 for (var g in strs[i]){
                                                    Storage+=strs[i][g]
                                                 }
                                                 $('.ify_no .yes_click').each(function(){
                                                    if($(this).attr('data-valueid')==Storage){
                                                        $(this).hide();
                                                    };
                                                });
                                            }
                                            else{
                                                for (var g in strs[i]){
                                                    Storage+=strs[i][g]
                                                 }
                                                $('.ify_no .yes_click').each(function(){ 
                                                    if($(this).attr('data-valueid')==Storage){
                                                        $(this).show();
                                                    };
                                                });
                                                
                                            }                                                  
                                            }
                                }t()
                                // 输出规格 选择颜色 出现尺码 判断是否有库存
                                $('.ify_yes .yes_click').each(function(){
                                    $(this).click(function(){
                                        $(this).addClass('active').siblings().removeClass('active');
                                        sum=1;
                                        $('#goods_num').val(sum)
                                        color=$(this).attr('data-param')//获取颜色
                                        color_valueId=$(this).attr('data-valueid');//获取valueId
                                        t()
                                        $('.norms_hidden').show();
                                        $('#norms_label').text('')
                                        $('.ify_no .yes_click').removeClass('active')
                                        if($('.ify_yes .yes_click').hasClass('active')&&$('.ify_no .yes_click').hasClass('active')){
                                            $('#norms_label').html(color+"  "+size+"  "+sum);
                                        }

                                    })
                                })
                                $('.ify_no .yes_click').click(function(){
                                    $(this).addClass('active').siblings().removeClass('active');
                                    size=$(this).attr('data-param');
                                    sum=1;
                                    $('#goods_num').val(sum)
                                     size_vId=$(this).attr('data-valueid'); 
                                     sku=color_valueId+'|'+size_vId 
                                    $('.storage').show().text('库存'+getJson1(sku)+'件');
                                    $('#norms_label').html(color+"  "+size+"  "+sum);
                                })  
                        }spec_check()
                        // 加入购物车
                        $('.join_cart').click(function(){
                            if(!$('.ify_yes .yes_click').hasClass('active')&&!$('.ify_no .yes_click').hasClass('active')){
                                tc('请选择规格');
                                return false;
                            }
                            else{
                                $.ajax({
                                    url:new_url+'shop/cart/addShopCart',
                                    type:'post',
                                    dataType:'json',
                                    data:$("#buynow_form").serialize(),
                                    success:function(r){
                                        if(r.code=='0'){ 
                                            tc(r.message)
                                            setTimeout(function(){
                                                window.location.href='/src/cart/cart.html'
                                            },1100)
                                        }
                                        else{
                                            tc(r.message) 
                                        }
                                    }
                                })
                            }
                        })
                        // 结算
                        $('.buy_now_btn').click(function(){
                            if(!$('.ify_yes .yes_click').hasClass('active')){
                                tc('请选择规格')
                            }
                            else{
                                $.ajax({
                                    url:new_url+'shop/buy/getSettlementInfo',
                                    type:'post',
                                    dataType:'json',
                                    data:$("#buynow_form").serialize(),
                                    success:function(r){
                                        if(r.code=='0'){ 
                                            tc(r.message) 
                                        }
                                        else{
                                            tc(r.message) 
                                        }
                                    }
                                })                               
                            }
                        })
                    }
                    // 没有规格
                    else{
                        var sp=''
                        for(var i in e.data.specGoodsList){
                            sp =e.data.specGoodsList[i] 
                            $('.storage').show().text('库存'+e.data.specGoodsList[i]+'件')
                        }
                        var sum =$('#goods_num').val()
                        $('#norms_label').text('默认'+'  '+sum)                                     
                        //数量加减
                        $('.add').click(function(){
                            sum ++;
                            $('#goods_num').val(sum)
                            $('#norms_label').text('默认'+'  '+sum) 
                            if(sum>=sp){
                                tc('库存不足')
                                sum=sp
                                $('#goods_num').val(sum)
                                $('#norms_label').text('默认'+'  '+sum)
                            }
                        })
                        $('.minus').click(function(){
                            if(sum>1){
                                sum --;
                                $('#goods_num').val(sum)
                                $('#norms_label').text('默认'+'  '+sum)
                            }
                            else{
                                tc('购买数量最少为1件')
                            }                                            
                        }) 
                        // 加入购物车 
                        $('.join_cart').click(function(){
                            $.ajax({
                                url:new_url+'shop/cart/addShopCart',
                                type:'post',
                                dataType:'json',
                                data:$("#buynow_form").serialize(),
                                success:function(r){
                                    if(r.code=='0'){ 
                                        tc(r.message)
                                        setTimeout(function(){
                                            window.location.href='/src/cart/cart.html'
                                        },1100)
                                    }
                                    else{
                                        tc(r.message) 
                                    }
                                }
                            })                            
                        })
                        // 结算        
                        $('.buy_now_btn').click(function(){
                            $.ajax({
                                url:new_url+'shop/buy/getSettlementInfo',
                                type:'post',
                                dataType:'json',
                                data:$("#buynow_form").serialize(),
                                success:function(r){
                                    if(r.code=='0'){ 
                                        tc(r.message) 
                                    }
                                    else{
                                        tc(r.message) 
                                    }
                                }
                            })                            
                        })              
                    }
            }
            else{
                tc(e.message)
            }
            
        }
    })
    // 商品详情tab切换
    $('.depict_wrap').hide().first().show();
    $('.top_tip li').eq(0).addClass('active')
    $('.top_tip li').click(function(){
        $(this).addClass('active').siblings().removeClass('active');
        $('.depict_wrap').hide()
        $('.depict_wrap').eq($(this).index()).show();  
    })                           
            // 评价
            var url=window.location.search;
            var id = url.substring(url.lastIndexOf('=')+1, url.length);
            $.ajax({
                url:new_url+'shop/goods/getGoodsEvaluate',
                type:'post',
                data:'goodsId='+id,
                dataType:'json',
                success:function(p){ 
                    $('.s1').text('全部评价('+p.data.evaluateInfo.total+')')
                    $('.s2').text('好评('+p.data.evaluateInfo.good+')')
                    $('.s3').text('差评('+p.data.evaluateInfo.bad+')')
                    $('.evaluate_num').text((p.data.evaluateInfo.goodStar).toFixed(1))
                    var a='5'
                    var b='100'
                    if(p.data.evaluateInfo.goodStar==a){
                        $('#icon_start').css('width',b+'%')
                    }
                    if(p.data.evaluateInfo.goodStar=='4'){
                        $('#icon_start').css('width','80%')
                    }
                    if(p.data.evaluateInfo.goodStar=='3'){
                        $('#icon_start').css('width','60%')
                    }
                    if(p.data.evaluateInfo.goodStar=='2'){
                        $('#icon_start').css('width','40%')
                    }
                    if(p.data.evaluateInfo.goodStar=='1'){
                        $('#icon_start').css('width','20%')
                    }
                    if(p.data.evaluateInfo.goodStar=='0'){
                        $('#icon_start').css('width','0%')
                    }
                    $('.r_evaluate li').eq(0).find('.evaluate_jd div').attr('style','width:'+p.data.evaluateInfo.goodPercent+'%') 
                    if(p.data.evaluateList==null){
                        $('#evaluate_list').append('<li style="text-align: center; line-height=100px;">暂无评价</li>') 
                    }
                    else{
                        for(var eva in p.data.evaluateList){
                        var evaluate=template(
                            evaluate_list_bg,{
                                list:[{
                                    memberId:p.data.evaluateList[n].memberId,
                                    memberName:p.data.evaluateList[n].memberName,
                                    scores:p.data.evaluateList[n].scores,
                                    content:p.data.evaluateList[n].content
                                }]
                            }
                        )
                            $('#evaluate_list').append(evaluate)                            
                        }
                    } 
                }
        })  
})